﻿<!DOCTYPE html>

<html>
	<head>
		<title>Form Message</title>
        <script src="FormMessage.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="FormMessage.css">
	</head>
	<body>
        <div id="uxMessageArea" class="messageArea">
            <table class="messageAreaLayout">
                <tr>
                    <td class="messageImageTD">
                        <div id="uxInfo" class="messageImage" style="background-image:url('info_16.png');"></div>
                        <div id="uxWarning" class="messageImage" style="background-image:url('warning_16.png')"></div>
                        <div id="uxAlert" class="messageImage" style="background-image:url('alert_16.png')"></div>
                        <div id="uxError" class="messageImage" style="background-image:url('error_16.png')" ></div>
                        <div id="uxSuccess" class="messageImage" style="background-image:url('success_16.png')" ></div>
                    </td>
                    <td class="messageTextTD">
                        <div id="uxText" class="messageText" ></div>
                    </td>
                    <td>
                        <div id="uxConfirmation" class="messageConfirmation">
                            <input type="button" id="uxYes" value="Yes" class="button" />
                            &nbsp;
                            <input type="button" id="uxNo" value="No" class="button" />
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>